@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    html,
    body {
        margin: 0 auto;
    }

    #app {
        @apply w-120rem h-60rem;
    }

    .app-layout {
        @apply w-full h-full !important;
    }

    .app-header {
        @apply flex items-center fixed top-0  right-0 left-0 z-990 ps-12 pe-12 bg-primary !important;
    }

    .app-footer {
        @apply flex flex-col justify-center items-center gap-y-1 fixed bottom-0 right-0 left-0 z-990 !important;
        background-color: #f2f5fb !important;
    }

    .app-header_menu {
        @apply flex-1 h-full space-x-2 bg-primary !important;
    }
}
